<template>
    <van-tabbar v-model="active" route>
        <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
        <van-tabbar-item icon="service-o" to="/translate">学习</van-tabbar-item>
        <van-tabbar-item icon="flag-o" to="/map">地图</van-tabbar-item>
        <van-tabbar-item icon="user-circle-o" to="/mine">我的</van-tabbar-item>
    </van-tabbar>

</template>

<script setup>
import { ref } from 'vue'

const active = ref(0)
</script>

<style scoped></style>